<!DOCTYPE HTML>
<html>

	<head>

		<title>拖拽式表单设计器 </title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="author" content="leipi.org">
		<link href="Public/css/bootstrap/css/bootstrap.css?2024" rel="stylesheet" type="text/css" />
		<!--[if lte IE 6]>
    <link rel="stylesheet" type="text/css" href="Public/css/bootstrap/css/bootstrap-ie6.css?2024">
    <![endif]-->
		<!--[if lte IE 7]>
    <link rel="stylesheet" type="text/css" href="Public/css/bootstrap/css/ie.css?2024">
    <![endif]-->
		<link href="Public/css/site.css?2024" rel="stylesheet" type="text/css" />
		<link rel="stylesheet" type="text/css" href="Public/css/bootstrap/css/formeditor.css" />
		<!--link href="Public/css/bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet"-->

	</head>

	<body>

		<div class="container">
			<div class="row clearfix">
				<div class="toolbar">
					<h2>拖拽下面的控件到左侧</h2>
					<hr>
					<div class="tabbable">
						<ul class="nav nav-tabs" id="navtab">
							<li class="active"><a href="#1" data-toggle="tab">常用控件</a></li>
							<li class><a href="#2" data-toggle="tab">定制控件</a></li>
							<li class><a id="sourcetab" href="#5" data-toggle="tab">源代码</a></li>
						</ul>
						<form class="form-horizontal" id="components">
							<fieldset>
								<div class="tab-content">

									<div class="tab-pane active" id="1">

										<!-- Text start -->
										<div class="control-group component" rel="popover" title="文本框控件" trigger="manual">
											<!-- Text -->
											<label class="control-label bbyfeplugins-orgname">文本框</label>
											<div class="controls">
												<input name="bbyfeNewField" type="text" placeholder="默认值" title="文本框" value="" class="bbyfeplugins" bbyfeplugins="text" />
											</div>

										</div>
										<!-- Text end -->

										<!-- Text start -->
										<div class="control-group component" rel="popover" title="自定义文本框" trigger="manual">
											<!-- Text -->
											<label class="control-label bbyfeplugins-orgname">自文</label>
											<div class="controls">
												<input name="bbyfeNewField" type="text" placeholder="value" title="自文" value="" class="bbyfeplugins" bbyfeplugins="ctext" />
											</div>

										</div>
										<!-- Text end -->

										<!-- Textarea start -->
										<div class="control-group component" rel="popover" title="多行文本控件" trigger="manual">
											<!-- Textarea -->
											<label class="control-label bbyfeplugins-orgname">多行文本</label>
											<div class="controls">
												<div class="textarea">
													<textarea title="多行文本" name="bbyfeNewField" class="bbyfeplugins" bbyfeplugins="textarea" /> </textarea>
												</div>
											</div>
										</div>
										<!-- Textarea end -->

										<!-- Select start -->
										<div class="control-group component" rel="popover" title="下拉控件" trigger="manual">
											<!-- Select -->
											<label class="control-label bbyfeplugins-orgname">下拉菜单</label>
											<div class="controls">
												<select name="bbyfeNewField" title="下拉菜单" class="bbyfeplugins" bbyfeplugins="select">
													<option>选项一</option>
													<option>选项二</option>
													<option>选项三</option>
												</select>
											</div>

										</div>
										<!-- Select end -->

										<!-- Select start -->
										<div class="control-group component" rel="popover" title="多选下拉控件" trigger="manual">
											<!-- Select -->
											<label class="control-label bbyfeplugins-orgname">下拉菜单</label>
											<div class="controls">
												<select multiple="multiple" name="bbyfeNewField" title="下拉菜单" class="bbyfeplugins" bbyfeplugins="select">
													<option>选项一</option>
													<option>选项二</option>
													<option>选项三</option>
													<option>选项四</option>
												</select>
											</div>

										</div>
										<!-- Select end -->

										<!-- Multiple Checkboxes start -->
										<div class="control-group component" rel="popover" title="复选控件" trigger="manual">
											<label class="control-label bbyfeplugins-orgname">复选框</label>
											<div class="controls bbyfeplugins-orgvalue">
												<!-- Multiple Checkboxes -->
												<label class="checkbox inline" title="复选框">
													<input type="checkbox" name="bbyfeNewField" value="选项1" class="bbyfeplugins" bbyfeplugins="checkbox" orginline="inline"> 选项1
												</label>
												<label class="checkbox inline" title="复选框">
													<input type="checkbox" name="bbyfeNewField" value="选项2" class="bbyfeplugins" bbyfeplugins="checkbox" orginline="inline"> 选项2
												</label>
											</div>

										</div>

										<div class="control-group component" rel="popover" title="复选控件" trigger="manual">
											<label class="control-label bbyfeplugins-orgname">复选框</label>
											<div class="controls bbyfeplugins-orgvalue">
												<!-- Multiple Checkboxes -->
												<label class="checkbox" title="复选框">
													<input type="checkbox" name="bbyfeNewField" value="选项1" class="bbyfeplugins" bbyfeplugins="checkbox"> 选项1
												</label>
												<label class="checkbox" title="复选框">
													<input type="checkbox" name="bbyfeNewField" value="选项2" class="bbyfeplugins" bbyfeplugins="checkbox"> 选项2
												</label>
											</div>
										</div>
										<!-- Multiple Checkboxes end -->

										<!-- Multiple radios start -->
										<div class="control-group component" rel="popover" title="单选控件" trigger="manual">
											<label class="control-label bbyfeplugins-orgname">单选</label>
											<div class="controls bbyfeplugins-orgvalue">
												<!-- Multiple Checkboxes -->
												<label class="radio inline" title="单选框">
													<input type="radio" name="bbyfeNewField" value="选项1" class="bbyfeplugins" bbyfeplugins="radio" orginline="inline"> 选项1
												</label>
												<label class="radio inline" title="单选框">
													<input type="radio" name="bbyfeNewField" value="选项2" class="bbyfeplugins" bbyfeplugins="radio" orginline="inline"> 选项2
												</label>
											</div>
										</div>

										<div class="control-group component" rel="popover" title="单选控件" trigger="manual">
											<label class="control-label bbyfeplugins-orgname">单选</label>
											<div class="controls bbyfeplugins-orgvalue">
												<!-- Multiple Checkboxes -->
												<label class="radio" title="单选框">
													<input type="radio" name="bbyfeNewField" value="选项1" class="bbyfeplugins" bbyfeplugins="radio"> 选项1
												</label>
												<label class="radio" title="单选框">
													<input type="radio" name="bbyfeNewField" value="选项2" class="bbyfeplugins" bbyfeplugins="radio"> 选项2
												</label>
											</div>
										</div>
										<!-- Multiple radios end -->

									</div>

									<div class="tab-pane" id="2">

										<div class="control-group component" rel="popover" title="文件上传" trigger="manual">
											<label class="control-label bbyfeplugins-orgname">文件上传</label>

											<!-- File Upload -->
											<div>
												<input type="file" name="bbyfeNewField" title="文件上传" class="bbyfeplugins" bbyfeplugins="uploadfile">
											</div>
										</div>

									</div>

									<div class="tab-pane" id="5">
										<textarea id="source" class="span5"></textarea>
									</div>

							</fieldset>
						</form>
						</div>
						<!--tab-content-->
					</div>
					<!---tabbable-->

					<div class="builder-container">
						<div class="clearfix">
							<h2>我的表单</h2>
							<hr>
							<div id="build">
								<form id="target" class="form-horizontal">
									<fieldset>
										<div id="legend" class="component" rel="popover" title="编辑属性" trigger="manual" data-content="
		                <form class='form'>
		                  <div class='controls'>
		                    <label class='control-label'>表单名称</label> <input type='text' id='orgvalue' placeholder='请输入表单名称'>
		                    <hr/>
		                    <button class='btn btn-info' type='button'>确定</button><button class='btn btn-danger' type='button'>取消</button>
		                  </div>
		                </form>">
											<input type="hidden" name="form_name" value="" class="bbyfeplugins" bbyfeplugins="form_name" />
											<legend class="bbyfeplugins-orgvalue">点击填写表单名</legend>
										</div>
									</fieldset>
								</form>
							</div>
						</div>
					</div>
				</div>
				<!-- row -->

			</div>
			<!-- /container -->

			<script type="text/javascript" charset="utf-8" src="Public/js/jquery-1.11.1.min.js?2015"></script>
			<script type="text/javascript" src="Public/js/formbuild/bootstrap/js/bootstrap.min.js?2015"></script>
			<script type="text/javascript" charset="utf-8" src="Public/js/formbuild/bby.form.build.core.js?2015"></script>
			<script type="text/javascript" charset="utf-8" src="Public/js/formbuild/bby.form.build.plugins.js?2015"></script>
	</body>

</html>